body
{
    overflow: hidden;
    overflow-y:scroll;
}
h1,h2,h3,h4,h5
{font-family: 'Open Sans', sans-serif;}

.img-responsive
{
    width: 1000px;
    height: 170px;  
}
.logo .img-responsive{ width: 400px; height: 94px;}

/*************************************************/
/*****Debut modification sur Bootstrap NavBar*****/
/*************************************************/

.navbar
    {
    margin-bottom:0;
    border-radius:0;
    }    

.navbar-inverse .navbar-nav > li > a
{
  background-color: #2c3e50;
  border-bottom: 4px solid #908a8a;
    }

.nav.navbar-nav.navbar-right
    {
    /*padding:auto;*/
    margin:0;
    }
.navbar-inverse
    {
    background-color:#34495e;
    border-color:#34495e;
    }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    background-color: #59646f;
}    


   
     /* LIEN ACTIVE */
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color:#2c3e50 ;
  border-bottom: 3px solid #30A4BB;
}
     /*les liens du menu*/
.navbar-inverse .navbar-nav > li > a
{
    color: #b6b1b1;
}

.dropdown-menu
    {
    background-color: #3f5a75;
    }

.dropdown-menu > li > a {color:#b6b1b1;}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
   {
    background-color: #2c3e50;
    color:#b6b1b1;
    padding-left: 30px;
   }
   .dropdown-menu > li > a
   {
    padding: 8px 20px;
    -webkit-transition: padding 0.5s ease;
    -moz-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
   }
   .navbar-inverse
   .navbar-nav > .open > a,
   .navbar-inverse .navbar-nav > .open > a:hover,
   .navbar-inverse .navbar-nav > .open > a:focus
   {
    background-color:#2c3e50;
   }
   .navbar-right .dropdown-menu
   {
      left: 0;
      right: auto;
   }             
/*************************************************/
/******Fin modification sur Bootstrap NavBar******/
/*************************************************/               
                 
                 
/***** PAge Index *****/
/*************************/
/*****DEbut SlideSohw*****/
/*************************/
.carousel-inner > .item > img
{
    width: 100%;
    height: 350px;
}

.carousel-caption
    {
    bottom:100px;
    background:rgba(3,3,3,0.2);
    border-radius: 30px;
    }
.carousel-indicators li
    {
    height: 12px;
    width: 12px;
    }
.carousel-indicators .active
    {
    height: 14px;
    width: 14px;
    background:#34495e;
    }
.carousel-indicators
    {
    bottom:0;
    }
    
.carousel-inner > .item > a > img
    {
        width: 100%;
    }    
/*************************/
/******Fin SlideSohw******/
/*************************/


 
/********************************/
/*****DEbut Section Services*****/
/********************************/
 .services
 {
    background:#EEE;
    padding-top:15px;
    padding-bottom: 30px;
   /* background-image:url('../images/background/kll.png');
    background-color:#A2A6A7;*/
 }
 
  .services.serv
  {
    margin-bottom:40px; 
  }
 .services.serv p
 {
    line-height: 2em;
    font-size:14px;
 }

 .services h1
 {
    margin-bottom: 50px;
 }

 .services hr{
  position: relative;
  top:4.1em;
  width: 100%;
  
}
.separateur_gray{
  border-color:#413C3C ;
  
}
hr{margin: 0;
  clear: both;
}

.services .T1{ color:#013d79 ; position: relative;font-size: 4rem;
  
  text-shadow: -26px 0 0 #EEE,-23px 0 0 #EEE,-20px 0 0 #EEE,-17px 0 0 #EEE,-14px 0 0 #EEE,-11px 0 0 #EEE,-8px 0 0 #EEE,-5px 0 0 #EEE,-2px 0 0 #EEE,1px 0 0 #EEE,4px 0 0 #EEE,7px 0 0 #EEE,10px 0 0 #EEE,13px 0 0 #EEE,16px 0 0 #EEE,19px 0 0 #EEE,22px 0 0 #EEE,25px 0 0 #EEE,28px 0 0 #EEE,31px 0 0 #EEE;
  line-height: inherit;
}
/******************************/
/*****Fin Section Services*****/
/******************************/
 


/*****************************/
/*****DEbut Section About*****/
/*****************************/
 .about
 {
    background:#999;
    padding-top:30px;
    padding-bottom: 40px;
 }

 .about hr{
  position: relative;
  top:4.1em;
  width: 100%;
  
}
.separateur_withe{
  border-color:#fff ;
  
}
hr{margin: 0;
  clear: both;
}

.about .T2{ color:#013d79 ; position: relative;font-size: 4rem;
  
  text-shadow: -26px 0 0 #999,-23px 0 0 #999,-20px 0 0 #999,-17px 0 0 #999,-14px 0 0 #999,-11px 0 0 #999,-8px 0 0 #999,-5px 0 0 #999,-2px 0 0 #999,1px 0 0 #999,4px 0 0 #999,7px 0 0 #999,10px 0 0 #999,13px 0 0 #999,16px 0 0 #999,19px 0 0 #999,22px 0 0 #999,25px 0 0 #999,28px 0 0 #999,31px 0 0 #999;
  line-height: inherit;
}

.about p{padding-top: 50px;}
/********************************/
/******* Fin Section Abou *******/
/********************************/
 


/************************************/
/***** DEbut Section Partenaires*****/
/************************************/
 .partenaires
 {
   background-image: url("../images/background/motif.png");
   padding-bottom:20px; 
   border-bottom: 7px solid #30A4BB;


 }

 .partenaires .bx-wrapper .bx-viewport
 {
  border:1px;
  left:0;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 160px !important;
  border: none;
  box-shadow: none;
  
 } 
 .partenaires .titre{padding-top: 30px; padding-bottom:15px; font-size: 4rem; color:#30A4BB; text-decoration: underline;}
  
 
.partenaires .bxslider li{
  display: block;
  padding-top: 10px;
 }
/*********************************/
/*****Fin Section Partenaires*****/
/*********************************/
 /***** Fin Page Index *****/
 

/***************************/
/***** Debut page ABOUT*****/
/***************************/
.ste
{
    background-color:#D9DDE1;
    border-radius: 5px;
    padding: 0 8px;
    padding-bottom: 50px;   
}
.ste h3
{
    padding-top: 20px;
    padding-left: 10px;
    border-bottom: dotted 1px #0175a7;
    color:#0175a7;
}
.ste .img-responsive
{
    width: 1138px;
    height: 180px;
}

/************************/
/****Fin page Contact****/
/************************/



/*********************/
/**** page TRANSIT****/
/*********************/

.transit-page
{
    padding-bottom:20px;  
}
.transit-page .img-responsive
{
    width: 1138px;
    height: 180px;
}
.transit-page h2
{ border-bottom: 1px dotted #0175a7;
  color: #0175a7;
  padding-top: 20px;
  padding-left: 10px;}


/***********************/
/**** page LOGISTIC ****/
/***********************/
.logistic-page
{
    padding-bottom: 20px;
    
}
.logistic-page .img-responsive
{
     width: 1138px;
    height: 180px;
}

.logistic-page h3
{ border-bottom: 1px dotted #0175a7;
  color: #0175a7;
  padding-top: 20px;
  padding-left: 10px;}



/***********************/
/**** page EXPERTISE****/
/***********************/
.expert .img-responsive
{
    width: 1138px;
    height: 180px;
}
.expert
{
    padding-bottom: 20px;
}
.expert h2
{ border-bottom: 1px dotted #0175a7;
  color: #0175a7;
  padding-top: 20px;
  padding-left: 10px;}

/**************************/
/****Debut page Contact****/
/**************************/
.body-contact
{
    background:url("../images/photo/back4.jpg")no-repeat fixed center;
    -webkit-background-size:cover; 
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size: cover;
    min-height: 700px;
}

.body-contact .img-responsive
{
    width: 1138px;
    height: 180px;
}
.body-contact .fields{background: rgba(9,9,9,0.4);
min-height: 700px;
color: #DDD;}

form
{
    padding-bottom: 20px;
}
.col-md-4
{
    padding-bottom: 20px;
    padding-top: 30px;
}

/*************************/
/**** Fin page Contact****/
/*************************/



.breadcrumb
{
    margin-bottom:0;
    padding: 8px 60px;
    
}


.col-md-4 .map{ padding-top: 60px;}


/**********************/
/*****DEbut Footer*****/
/**********************/
 blockquote
 {
    padding: 11px 10px;
    margin: 0 0 44px;
    border-left: 1px solid #eee;
   font-size: 15px;
}
 
 .footer
 {
    
    color: #B4B4B4;
    padding-top:0;
    margin-top:3px;
    background:#34495e;
    padding-top:15px;
    

 }
 .footer h3
{
  color:#30A4BB;
}
 

 .footer .social-list
 {
    overflow:hidden;
    
 }
 .footer .social-list li
 {
    float: left;
    margin-right:10px;
    opacity: 0.7;
    filter:alpha(opacity=70);
 }

 .footer .social-list li:hover
 {
    opacity: 1;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
 }
 .footer .copyright
 {
    background: #2c3e50;;
    color:#888;
    padding: 8px 0;
    margin-top:0px;
    font-size: 15px;
 }
 .footer .copyright span
 {
    color:white;
    font-size: 20px;
 }

 .fa-3x
{
    color:#34495E;
    margin-left:90%;
}

/**********************/
/******Fin Footer******/
/**********************/
 

 
/*****************************/
/*****DEbut scroll to top*****/
/*****************************/
 #scroll-top
 {
    width:50px;
    height: 40px;
    padding-top:6px;
    color: #DDD;
    background:#536678;
    text-align: center;
    position: fixed;
    z-index: 9999;
    right: 15px;
    bottom: 10px;
    border-radius: 5px 5px;
    display: none;
    cursor: pointer;
 }
 #scroll-top:hover
 {
    background:#6D6767;
 }
/*****************************/
/***** Fin scroll to top *****/
/*****************************/
  


/********************************/
/*****Telechargement de site*****/
/********************************/
.loading-overlay
{
    background:#34495e;
    color:#FFF;
    position:fixed;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.sk-circle {
  margin: 300px auto;
  width: 60px;
  height: 60px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; 
        }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/************************************/
/*****Fin Telechargement de site*****/
/************************************/